<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<title>demo5</title>
		<script src="./lib/vue-2.4.0.js"></script>	
	</head>
	<body>
		<div id="app">
			<h4>{{msg}}</h4>
			<!-- v-bind 只可以实现数据的单向绑定 从model自动绑定到view 无法实现数据的双向绑定   -->
			<input type="input" value="" v-model="msg" />
		</div>
		
		<script>
			var vm = new Vue ({
				el: '#app',
				data: {
					msg: '我爱学习'
				},
				methods: {
					
				}
			})
		</script>
	</body>
</html>